﻿/* Form layout from admin.css */

/* the label and field together */
div.pair {
	clear: left; /* make sure we don't overlap longer left-floated titles */
	margin-bottom: 3px; /* bottom spacing if input fields were higher, MATCH: div.pair label! */
}

/* the field's label text */
div.pair label {
	float: left; /* float to get input fields right to it */
	width: 125px; /* force fit it to a size */
	margin: 0px 10px 0px 0px; /* bottom spacing if label was higher, MATCH div.pair! */
	text-align: right; /* write label text to near to input field */
}
div.pair label:after {
	content: ':';
}

div.pair label.tooltip {
	cursor: help; /* just for tooltips */
}

/* the input fields next to the label text */
div.controls {
	margin-left: 130px; /* always push controls into the light gray area */
}

/* Reset our form layout on normal labels within the controls area */
div.controls label {
	display: inline;
	margin: 0px;
	text-align: left;
	float: none;
}
input.num {
	width: 40px;
}

/* Preview panel layout */
div.wrappreview {
	min-width: 1000px; /* Need to avoid that preview overlaps controls with current control widths */
}
div.wrapcontrolside {
	margin-right: -492px;
	float: left;
	width: 100%;
	position: relative;
}
div.controlside {
	margin-right: 492px;
}
div.previewside {
	width: 482px;
	float: right;
	position: relative;
}
iframe.previewframe {
	border: solid 1px black;
	width: 481px; /* Need 480 to avoid usual mobile breakpoints in website CSS kicking in */
	height: 400px;
}

/* Move below preview, IE error if panel is loaded after preview. */
#fldPreviewSettings {
	position: absolute;
	top: 405px;
	width: 470px;
}
#mainsettings {
	margin-bottom: 20px;
}
.tabs a, .tabs li {
	outline-width: 0;
}
#taskpanels {
	clear: left; /* Clear the tab row */
}
/* The next rules fix a TinyMCE(?) bug where tab can be clicked outside "A" tag, 
   activating it but not running the events! 
   Still there are a few pixels that can be clicked...
*/
.tabs ul {
	float: left;
}
.tabs li {
	padding-left: 0;
	margin-right: 0;
	line-height: normal;
} 
.tabs span {
	background: url(../../../themes/advanced/skins/default/img/tabs.gif) no-repeat right -36px;
	padding-right: 2px;
}
.tabs .current span {
	background-position: right -54px;
}
.tabs a {
	padding: 0 10px;
	line-height: 18px;
}
/* From default.css */
/* From http://www.w3.org/TR/CSS21/sample.html slightly changed */
h1 {
	font-size: 1.7em;
	margin: .67em 0;
}
h2 {
	font-size: 1.37em;
	margin: .75em 0;
}
h3 {
	font-size: 1.17em;
	margin: .83em 0;
}
h4 {
	margin: 1.12em 0;
}
